<script id="pagerTemp" type="text/x-kendo-template">
    <div class="row">
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">普通分页</h5>
                <div class="card-body">
                    <div id="generalPager"></div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">指定按钮数量分页</h5>
                <div class="card-body">
                    <div id="buttonCountPager"></div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card mb-3">
                <h5 class="card-header">输入框跳转分页</h5>
                <div class="card-body">
                    <div id="inputPager"></div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card mb-3">
                <h5 class="card-header">选择页数量分页</h5>
                <div class="card-body">
                    <div id="pageSizesPager"></div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">刷新按钮分页</h5>
                <div class="card-body">
                    <div id="refreshPager"></div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">无信息分页</h5>
                <div class="card-body">
                    <div id="noInfoPager"></div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">无进退按钮分页</h5>
                <div class="card-body">
                    <div id="noPreviousNextPager"></div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-3">
                <h5 class="card-header">无数字按钮分页</h5>
                <div class="card-body">
                    <div id="noNumericPager"></div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card mb-3">
                <h5 class="card-header">自定义页数量分页</h5>
                <div class="card-body">
                    <div id="customPageSizesPager"></div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card mb-3">
                <h5 class="card-header">自定义数字按钮分页</h5>
                <div class="card-body">
                    <div id="customNumericPager"></div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card mb-3">
                <h5 class="card-header">全功能分页</h5>
                <div class="card-body">
                    <div id="fullPager"></div>
                </div>
            </div>
        </div>
    </div>
</script>